<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查看评价</title>
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>乐优商城--查看评价成功</title>
    <link rel="icon" href="/assets/img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="css/webbase.css" />
    <link rel="stylesheet" type="text/css" href="css/pages-paysuccess.css" />
    <link rel="stylesheet" href="plugins/elementui/index.css">
</head>
<script src="js/vue/vue.min.js"></script>
<script src="js/index.js"></script>
<script src="js/axios.min.js"></script>
<script src="plugins/jquery/jquery.min.js"></script>
<script src="./js/common.js"></script>
<script type="text/javascript" src="js/plugins/jquery.easing/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/plugins/sui/sui.min.js"></script>
<body>
<!--head-->

<!--页面顶部白条条，由js动态加载-->
<script type="text/javascript" src="plugins/jquery/jquery.min.js"></script>
<div class="top"></div>
<script type="text/javascript">$(".top").load("shortcut.html");</script>

<div class="cart py-container">
    <!--logoArea-->
    <div class="logoArea">
        <div class="fl logo"><span class="title">查看评价</span></div>
    </div>
</div>
<!--主体-->
<div id="app">
<ul>
    <h3>订单评价:</h3>
    <h4 style="color: #3e2723">{{comment.descData}}</h4>
    <h3>商品买家秀:</h3>
    <img :src=comment.imageUrl style="width:100px;height:130px">
    <h3>描述相符:</h3>
    <el-rate
            v-model="value1"
            disabled
            show-score
            text-color="#ff9900"
            score-template="{value}">
    </el-rate>
    <h3>商家服务态度：</h3>
    <el-rate
            v-model="value2"
            disabled
            show-score
            text-color="#ff9900"
            score-template="{value}">
    </el-rate>
    <h3>物流服务：</h3>
    <el-rate
            v-model="value3"
            disabled
            show-score
            text-color="#ff9900"
            score-template="{value}">
    </el-rate>
    <li v-for="item in orderDetails"><h4 style="color: #0d47a1"><br>商品详情:</br>{{item.title}}</h4><h4 style="color:red"><br>商品价格:</br>{{item.price}}</h4><img :src=item.image style="width:100px;height:130px"></li>

</ul>
</div>
</body>
<script>
    //获取地址栏参数，name:参数名称
    function getUrlParms(name){
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if(r!=null)
            return unescape(r[2]);
        return null;
    }
    var id = getUrlParms("id");
    var vue = new Vue({
        el:"#app",
        data:{
            ly,
            orderDetails:[],
            comment:{},
            value1:2.9,
            value2:3.0,
            value3:5.0
        },
      created(){
            this.checkComment();
      },
        methods:{
            checkComment(){
                ly.http.get("/trade/order/checkComment?id="+id).then((res)=>{
                    this.orderDetails = res.data.datails;
                   this.value1=  res.data.comment.value1
                   this.value2=  res.data.comment.value2
                   this.value3=  res.data.comment.value3
                    this.comment = res.data.comment;
                })
            }
        }
    })
</script>
<!-- 底部栏位 -->
<!--页面底部，由js动态加载-->
<div class="clearfix footer"></div>
<script type="text/javascript">$(".footer").load("foot.html");</script>
<!--页面底部END-->

</html>